<template>
  <sweet-radar-chart
    :settings="settings"
    :chartData="chartData"
    :indicator="indicator"
    :width="width"
  ></sweet-radar-chart>
</template>
<script>
export default {
  data() {
    return {
      width: '700px',
      settings: {},
      indicator: [
        { name: 'Sales' },
        { name: 'Administration'},
        { name: 'Information Technology'},
        { name: 'Customer Support'},
        { name: 'Development'},
        { name: 'Marketing'}
      ],
      chartData: [
        {
          value: [4200, 3000, 20000, 35000, 50000, 18000],
          name: 'Allocated Budget'
        },
        {
          value: [5000, 14000, 28000, 26000, 42000, 21000],
          name: 'Actual Spending'
        }
      ]
    }
  }
};
</script>
